// 配置每页显示的行数
const ROWS_PER_PAGE = 1; // 每次显示1行(5部电影)
const ITEMS_PER_ROW = 5;

// 初始化页面状态
const pageStates = {
    trending: 0,
    latest: 0
};

// 初始化页面
document.addEventListener('DOMContentLoaded', function() {
    initMoviesDisplay('trending');
    initMoviesDisplay('latest');
});

// 初始化电影显示
function initMoviesDisplay(section) {
    const grid = document.getElementById(`${section}-grid`);
    const items = grid.querySelectorAll('.movie-card');
    const totalItems = items.length;
    
    // 计算总行数
    const totalRows = Math.ceil(totalItems / ITEMS_PER_ROW);
    
    // 初始显示第一行
    updateMovieDisplay(section, 0, totalRows);
}

// 更新电影显示
function updateMovieDisplay(section, currentRow, totalRows) {
    const grid = document.getElementById(`${section}-grid`);
    const items = grid.querySelectorAll('.movie-card');
    
    // 隐藏所有项目
    items.forEach(item => {
        item.style.display = 'none';
    });
    
    // 计算当前行应该显示的项目
    const startIndex = currentRow * ITEMS_PER_ROW;
    const endIndex = startIndex + (ROWS_PER_PAGE * ITEMS_PER_ROW);
    
    // 显示当前行的项目
    for (let i = startIndex; i < endIndex; i++) {
        if (items[i]) {
            items[i].style.display = 'block';
        }
    }
    
    // 更新状态
    pageStates[section] = currentRow;
}

// 下一页函数
function nextPage(section) {
    const grid = document.getElementById(`${section}-grid`);
    const items = grid.querySelectorAll('.movie-card');
    const totalItems = items.length;
    const totalRows = Math.ceil(totalItems / ITEMS_PER_ROW);
    
    // 计算下一行
    let nextRow = pageStates[section] + 1;
    
    // 如果超过总行数，回到第一行
    if (nextRow >= totalRows) {
        nextRow = 0;
    }
    
    // 更新显示
    updateMovieDisplay(section, nextRow, totalRows);
}
